.responstable {
	margin: 1em 0;
	width: 100%;
	overflow: hidden;
	background: #FFF;
	color: #024457;
	border-radius: 1px;
	border: 1px solid #B7DAE0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 13px;
}

.responstable tr {
	border: 1px solid #D9E4E6;
}

.responstable tr:nth-child(odd) {
	background-color: #EAF3F3;
}

.responstable th {
	display: none;
	border: 1px solid #FFF;
	background-color: #167F92;
    background: -webkit-linear-gradient(90deg, #167F92 5%, #63b8ee 100%);
    background: -moz-linear-gradient(90deg, #167F92 5%, #63b8ee 100%);
    background: -ms-linear-gradient(90deg, #167F92 5%, #63b8ee 100%);
    background: linear-gradient(180deg, #63b8ee 5%, #167F92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#63b8ee",endColorstr="#167F92")
	color: #FFF;
	padding: 1em;
}

.responstable th:first-child {
	display: table-cell;
	text-align: center;
}

.responstable th:nth-child(2) {
	display: table-cell;
}

.responstable th:nth-child(2) span {
	display: none;
}

.responstable th:nth-child(2):after {
	content: attr(data-th);
}

@media ( min-width : 480px) {
	.responstable th:nth-child(2) span {
		display: block;
	}
	.responstable th:nth-child(2):after {
		display: none;
	}
}

.responstable td {
	display: block;
	word-wrap: break-word;
	max-width: 7em;
}

.responstable td:first-child {
	display: table-cell;
	text-align: center;
	border-right: 1px solid #D9E4E6;
}

@media ( min-width : 480px) {
	.responstable td {
		border: 1px solid #D9E4E6;
	}
}

.responstable th,.responstable td {
	text-align: left;
	margin: .5em 1em;
}

@media ( min-width : 480px) {
	.responstable th,.responstable td {
		display: table-cell;
		padding: 0.3em;
	}
}

.header th {
	text-align: center;
	font-size: bold;
	margin: .5em 1em;
	padding: 1em;
	color: #FFF;
}

.table_footer {
	text-align: left;
	background-color: #FFF;
}

.responstable tr:hover {
	background-color: #ffff99;
}

.page_link {
	color:#A60500;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    padding:5px 5px;
}

.selected {
	color:#000000;
	pointer-events: none;
    cursor: default;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    padding:5px 5px;
}

.page_link:hover {
	color:#A605FF;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    padding:5px 5px;
}